<template>
  <div class='page grey-stage mine'>
    <scroller ref="my_scroller">
    <div class="container overscroll-y-auto" :style="containerHeight">
      <group title="我的">
      <cell title="我的名片" link="/my-card"></cell>
      <cell title="团队设置" link="/team-setting"></cell>
      </group>
    </div>
    </scroller>
    <crm-cover v-if="isShowCover" :hideCoverOnClick="true"></crm-cover>
    <crm-tabbar activeItem='mine'></crm-tabbar>
  </div>

</template>
<script>
  import Vue from 'vue'
  import crmTabbar from '../components/crm-tabbar'
  import salesTarget from '../components/sales-target'
  import salesPerformance from '../components/sales-performance'
  import salesExecutive from '../components/sales-executive'
  import topFilter from '../components/top-filter'
  import crmCover from '../components/crm-cover'
  import {Cell, Group} from 'vux'
  import Scroller from 'vue-scroller'

  export default {
  data () {
    return {
      containerHeight : 'height:'+document.body.scrollHeight+'px;'
    }
  },

  components: {
    crmTabbar,
    salesTarget,
    salesPerformance,
    salesExecutive,
    topFilter,
    crmCover,
    Cell,
    Group,
    Scroller
  },

  methods: {
    refresh (iscroll) {
    console.log('refresh')
    // Refresh current data
    },

    log () {
    console.log('ee');
    },

    load (iscroll) {
    console.log('load')
    // Load new data
    },

    test () {
    console.log('test')
    }

  },

  computed:{
    isShowCover () {
    return this.$store.state.app.isShowCover
    }
  },

  mounted () {
    this.callJsApi('biz.navigation.setTitle',{title:'个人中心'});
  }

  }
</script>
<style lang="less">

  @import "../less/base";

  section{
    background-color: white;
  }


  .mine{

  }
</style>
